<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/tabstyle.css" />
		<link rel="stylesheet" href="layui/css/layui.css" media="all" />
		<link rel="stylesheet" type="text/css" href="css/usermessage.css" />
		<link rel="stylesheet" type="text/css" href="css/navigation.css" />
	</head>
	<body>
		<div id="nav_container" class="">
			<div class="navigation">
				<div class="logo">
					<div class="">
						<img src="img/navigation/logo@2x.png">
						<h1>成本可知可视</h1>
					</div>
					<img class="toggle" src="img/navigation/Arrows-send-left@2x.png">
				</div>
				<ul class="menu">
					<li class="active">
						<a href="cost_index.html">
							<img class="normal" src="img/navigation/icon_home_normal@2x.png">
							<img class="selected" src="img/navigation/icon_home_selected@2x.png">
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="ModelFull.html">
							<img class="normal" src="img/navigation/icon_Budget_normal@2x.png">
							<img class="selected" src="img/navigation/icon_Budget_normal@2x.png">
							<p>型号全周期</p>
						</a>
					</li>
					<li>
						<a href="qualityproblem.html">
							<img class="normal" src="img/navigation/icon_Quality_normal@2x.png">
							<img class="selected" src="img/navigation/icon_Quality_selected@2x.png">
							<p>质量问题归零统计</p>
						</a>
					</li>
					<li>
						<a href="typical_model.html">
							<img class="normal" src="img/navigation/icon_typical_normal@2x.png">
							<img class="selected" src="img/navigation/icon_typical_selected@2x.png">
							<p>典型型号全周期</p>
						</a>
					</li>
					<!-- <li>
						<a href="">
							<img class="normal" src="img/navigation/icon_Setting_normal@2x.png">
							<img class="selected" src="img/navigation/icon_Setting_selected@2x.png" >
							<p>系统设置</p>
						</a>
					</li> -->
					<li class="user">
						<div class="info">
							<img class="avatar" src="img/navigation/Avatar@2x.png">
							<div class="">
								<h4>Admin</h4>
								<p>超级管理员</p>
							</div>
						</div>
						<img class="more" src="img/navigation/dot.png">
						<div class="userTool">
							<a href="usermessage.html">个人信息</a>
							<a style="cursor:pointer;" onclick="layout()">修改密码</a>
						</div>
					</li>
				</ul>
			</div>
			<div class="nav_wrapper">
				<div id="page-tab">
					<button class="tab-btn" id="page-prev"></button>
					<nav id="page-tab-content">
						<div id="menu-list">
						</div>
					</nav>
					<button class="tab-btn" id="page-next"></button>
					<div id="page-operation">
						<div id="menu-all">
							<ul id="menu-all-ul">
							</ul>
						</div>
					</div>
				</div>
				<div id="page-content">

				</div>
			</div>
		</div>
		<script src="layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
		<!-- <script src="layui/layui.js" type="text/javascript" charset="utf-8"></script> -->
		<script src="js/jquery1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tab.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/usermessage.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>
